/* pages/scan-device/index.wxss */
.page-container{
  background-color: #fbfbfb;
}
.scan-main{
  display: flex;
  flex-direction: column;
  padding-top: 50vw;
  align-items: center;
  justify-content: center;
  position: relative;
}
.scan-rotate{
  position: relative;
  width: 306rpx;
  height: 306rpx;
  border-radius: 306rpx;
  background: conic-gradient(from 90deg at 50% 50%, rgba(245, 115, 110, 1) 0%, rgba(255, 255, 255, 1) 100%);
  animation: rotate 2s infinite linear;
}
.scan-text{
  margin-top: 160rpx;
  color:rgba(112, 112, 112, 1);
}
.ble-icon{
  width: 88rpx;
  height: 88rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.scan-icon{
  position: relative;
}
.scan-note{
  margin-top:90rpx;
  color: rgba(112, 112, 112, 1);
  font-size: 22rpx;
  line-height: 40rpx;
}
@keyframes rotate {
  from{transform: rotate(0);}
  to{transform: rotate(360deg);}
}

.scan-list-container{
  padding: 0 40rpx;
  padding-top: 30rpx;
}
.scan-head{
  height: 44rpx;
  width: 100%;

  display: flex;
  align-items: center;
  
  font-size: 24rpx;
  color: rgba(54, 54, 54, 1);
}
.scan-head >view:first-child{
  width: 44rpx;
  height: 44rpx;
  border-radius: 44rpx;
  background: conic-gradient(from 90deg at 50% 50%, rgba(245, 115, 110, 1) 0%, rgba(255, 255, 255, 1) 100%);
  animation: rotate 2s infinite linear;
  margin-right: 26px;
}
.device-list{
  height: 80vh;
  overflow-y: auto;
}

.device-item{
  position: relative;
  margin-bottom: 34rpx;
  width: 100%;
  height: 160rpx;
  background-color: #FFF3F1FF;
  display: flex;
  align-items: center;
  border-radius: 20rpx;
  padding: 0 40rpx 0 28rpx;
}
.device-item >image{
  width: 72rpx;
  height: 72rpx;
}
.device-name{
  margin-left: 24rpx;

}
.device-name >view:first-child{
  font-size: 36rpx;
  color: #262626;
}
.device-name .bat-status{
  font-size: 24rpx;
}
.connect-btn{
  position: absolute;
  right: 40rpx;
  top: 50%;
  color:#F6736EFF;
  font-size: 28rpx;
  transform: translate(0,-50%);
}